<template>
  <div class="inner-wrapper">
    <el-row>
      <el-col :span="24">
        <div class="grid-content">
          <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>存储池</el-breadcrumb-item>
            <el-breadcrumb-item>全部</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-collapse v-model="activeName" accordion>
        <el-collapse-item title="POOLS-SHOW AVAILABLE PHYSICAL DISKS" name="1">
          <el-table
            :data="tableData"
            border
            style="width: 100%">
            <el-table-column
              prop="date"
              label="INDEX">
            </el-table-column>
            <el-table-column
              prop="name"
              label="NAME">
            </el-table-column>
            <el-table-column
              prop="address"
              label="STATE">
            </el-table-column>

            <el-table-column
              prop=""
              label="CHUNK SIZE(KB)">
            </el-table-column>
            <el-table-column
              prop="address"
              label="RAID">
            </el-table-column>
            <el-table-column
              prop=""
              label="BAO BLOCKS">
            </el-table-column>
            <el-table-column
              prop="address"
              label="TOTAL RAW CAP(GB)">
            </el-table-column>
            <el-table-column
              prop="address"
              label="MAX VD SIZE(GB)">
            </el-table-column>
            <el-table-column
              prop="address"
              label="PDs/VDs">
            </el-table-column>
            <el-table-column
              prop="address"
              label="DIRECT PROTECT">
            </el-table-column>
            <el-table-column
              prop="address"
              label="WRITE BACK CACHE">
            </el-table-column>
            <el-table-column
              prop="address"
              label="MIRRORED">
            </el-table-column>
            <el-table-column
              prop="address"
              label="READ AHEAD CACHE">
            </el-table-column>
            <el-table-column
              prop="address"
              label="ReACT">
            </el-table-column>
            <el-table-column
              prop="address"
              label="I/O ROUTING">
            </el-table-column>
            <el-table-column
              prop="address"
              label="POOL VERIFY">
            </el-table-column>
            <el-table-column
              prop="address"
              label="JOBS">
            </el-table-column>
            <el-table-column
              prop="address"
              label="DISK T/O">
            </el-table-column>
            <el-table-column
              prop="address"
              label="GLOBAL SPARE POOL">
            </el-table-column>
            <el-table-column
              prop="address"
              label="SPARE POLICY">
            </el-table-column>
            <el-table-column
              prop="address"
              label="BLOCK SIZE">
            </el-table-column>

          </el-table>
        </el-collapse-item>
        <el-collapse-item title="POOLS-SHOW AVAILABLE DIVERSITY INVENTORY" name="2">

        </el-collapse-item>
        <el-collapse-item title="POOLS-SHOW AVAILABLE SUMMARY" name="3">
          <el-form>
            <el-form-item>
              7 Physical Disks, 0Assigned,7 Unassigned
            </el-form-item>
            <el-button-group>
              <button>CREATE STORAGE</button>
              <button>CREATE SPARE</button>
            </el-button-group>
          </el-form>
        </el-collapse-item>
      </el-collapse>

    </el-row>
  </div>
</template>

<script>
  export default {
    name: 'pool_show',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss" rel="stylesheet/scss">

</style>
